<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">Reporte Cliente</h1>
		<h:form id="formConsultaCliente">
		<p:messages id="message" showDetail="true"/>
		<p:panel>
		<p:fieldset legend="#{message['reporte.consulta.cliente']}" style="margin-top:30px">
			<h:panelGrid columns="3" cellpadding="3" >
			  <h:outputText value="#{message['reporte.tipo.cliente']}" />
				<p:selectOneMenu  style="width:165px" value="#{reporteCliente.idTipoCliente}" required="true" 
				requiredMessage="#{message['reporte.tipo.cliente.validation']}" >
				<f:selectItem itemLabel="seleccione tipo" itemValue="{null}"/>
				<f:selectItems value="#{comboAction.tipoClienteItems}" />
				</p:selectOneMenu>
				<p:commandButton value="Buscar" action="#{reporteCliente.listarCliente}" update="message" ajax="false"
				icon="ui-icon-search"/>
			</h:panelGrid>
		</p:fieldset>
				
				<p:spacer height="30px" />
				<p:dataTable value="#{reporteCliente.lstClientesReporting}"  paginator="true" rows="10"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,15"
					var="c" style="width:800px" emptyMessage="No se encontraron resultados" >
					<f:facet name="header">
						<h:outputLabel value="#{message['rsltd.datatable']}" />
					</f:facet>
					<p:column headerText="Ape. Paterno"  >
		                <h:outputText value="#{c.apepatcliente}" />
		            </p:column>
		            <p:column headerText="Ape. Materno"  >
		                 <h:outputText value="#{c.apematcliente}" />
		            </p:column>
		            <p:column headerText="Número doc"  >
		                 <h:outputText value="#{c.numdocumento}" />
		            </p:column>
		    </p:dataTable>
		    <div align="center"  style="margin-top:30px" >
		     	<h:graphicImage value="/images/Reporting_pdf.png" style="width:40px;height:40px"/>
				<p:commandLink action="#{reporteCliente.ReportingClientes}" value="#{message['reporte.exportar.pdf']}" ajax="false" 
				disabled="#{reporteCliente.cantLista!=0? false:true}">
				<f:setPropertyActionListener target="#{reporteCliente.contentType}" value="pdf"/>
				</p:commandLink>
				
				<h:graphicImage value="/images/excel_icon.PNG" style="width:40px;height:40px"/>
				<p:commandLink action="#{reporteCliente.ReportingClientes}" value="#{message['reporte.exportar.xls']}" ajax="false" 
				disabled="#{reporteCliente.cantLista!=0? false:true}">
				<f:setPropertyActionListener target="#{reporteCliente.contentType}" value="xls"/>
				</p:commandLink>
			</div>
		    </p:panel>
		</h:form>
	</ui:define>
</ui:composition>